import { useIntersectionObserver } from '@vueuse/core'
// 定义懒加载插件
export const lazyPlugin = {
    install(Vue){
    Vue.directive('img-lazy',{
    inserted(element,binding){
        //element:指令绑定的那个元素
        // binding:binding.value 指令等于号后面绑定的表达式的值 图片url
        const {stop} = useIntersectionObserver(
        element,
        ([{ isIntersecting }], ) => {
            if(isIntersecting){
            // 进入视口区域
            element.src = binding.value;
            stop();
            }
        },
        )
    }
})
    }
}